<template>
 <el-timeline>
        <el-timeline-item  >
          <el-card>
            <p> <router-link :to="{name:'orderlist'}"> <el-button  icon="el-icon-back"></el-button></router-link> 票务信息</p>
           
               <el-divider></el-divider>
               <el-container>
                    <el-aside width="200px"><img :fit="fit" style="width: 100px; height: 100px" v-bind:src="blog1.picture"/></el-aside>
                    <el-container>
                      <el-header>  <router-link :to="{name:'tickmsg',params:{blogId:blog1.tickId}}"> <h2>{{blog1.title}} ({{blog1.starttime}})</h2></router-link><h2>地址: {{blog1.description}}</h2></el-header>
                      <el-main>
                       <p>活动内容:</p>
             <h2>{{blog1.contet}}</h2>
                        
                       

                      </el-main>
                      <el-footer> <p style="float:right;  border:1px ">购买价格: {{blog1.price}} 元</p></el-footer>
                    </el-container>
                  </el-container>
         
            <!--<p>标题+日期(跳转超链接) {{blog1.tickId}}  </p>-->
            
            

          </el-card>
        </el-timeline-item>
          
           <el-timeline-item  >
          <el-card>
            购买人
               <el-divider></el-divider>
           
            <p>姓名</p>
             <h2>{{blog1.userReale}}</h2>
            <p>身份证</p>
             <h2>{{blog1.userIdcard}}</h2>
             <p>手机号</p>
              <h2>{{blog1.userPhone}}</h2>
              <div v-if="blog1.status==2">
             <p>地址</p>
             <h2>{{blog1.userAddress}}</h2>
            </div>
            <!--
             <p v-if="blog1.qccode" style="float:right;  border:1px ">查看二维码 <img style="width: 100px; height: 100px ;float:right;  border:1px" src="https://cube.elemecdn.com/6/94/4d3ea53c084bad6931a56d5158a48jpeg.jpeg"></p>
             <p v-if="blog1.qccode==null" style="float:right;  border:1px ">查看物流状态</p>
             <h2 v-if="blog1.qccode==null" style="float:right;  border:1px ">运送中</h2>
             
             <p style="float:right;  border:1px ">查看货物信息</p>
              <p style="float:right;  border:1px ">运送中</p>
              -->
          </el-card>
        </el-timeline-item> 
        <el-timeline-item  >
          <el-card>票务信息
            <el-divider></el-divider>
            <el-collapse v-model="activeNames" @change="handleChange">
                
                <el-collapse-item title="点击查看二维码" name="1" v-if="blog1.status==1" >
                  <div v-if="blog1.status==1">当前状态是电子表 点击查看二维码: {{blog1.qccode}}</div>

                </el-collapse-item>
                <el-collapse-item title="点击查看物流信息" name="1" v-if="blog1.status==2" >
                  <div v-if="blog1.status==2">当前状态是实体票 点击查看物流信息: {{blog1.goodsstatus}}</div>
                </el-collapse-item>
                <el-collapse-item title="退款流程" name="1" v-if="blog1.status>2" >
                  <div v-if="blog1.status==3">审核退款中请耐心等待</div>
                  <div v-if="blog1.status==4">已退款</div>
                  <div v-if="blog1.status==5">审核退款中请耐心等待</div>
                  <div v-if="blog1.status==6">已退款</div>
                </el-collapse-item>
              </el-collapse>

          </el-card>
        </el-timeline-item>
        


      </el-timeline>
      
      

</template>

<script>
export default {
  data(){
    return {
      blog1:{
      
    },
    url:""
    }
    
  },
    created() {
    const blogId = this.$route.params.blogId;
    
    console.log(blogId);
    const _this = this;
    
    this.$axios.get("/order/myorder/" + blogId,{
              headers: {
                "Authorization": localStorage.getItem("token")
              }
            }).then((res) => {
      //这里修改发送的信息
      const blog = res.data.data;
      console.log("blog获取+++++++++++++++++++");
      console.log(blog);
      console.log("用户id获取")
  
      _this.blog1= blog;
      console.log(_this.blog1)
     
      
    });
    
   
    
        



  },

}
</script>

<style>

</style>